html {				/*The 2 valid magic lines that keep a centered layout from moving:	*/
	height: 101%;	/*These 2 lines make sure that there is always a vertical scrollbar	*/
	overflow: auto;	/*and that default there is no horizontal scrollbar, CSS 2.1 valid. */
}					/*In CSS 3.0 it is html{overflow-y: scroll;} instead of this magic.	*/

* {
	font-family: Verdana, Sans-serif;	
}

body {
	margin: 0px;
	padding: 0px;
	height: auto;
}

div#top {
	width: 1022px;
	height: 148px;
	margin: 0px auto;
	margin-bottom: 4px;
	border: 1px solid black;
}

div#menu {
	width: 1022px;
	height: 38px;
	margin: 0px auto;
	font-weight: bold;
	font-size: 2em;
	border: 1px solid black;
}

	div#menu ul {
		margin: 0px;
		padding: 0px;
		text-align: center;
		height: 100%;
		width: 100%;
	}

	div#menu ul li {
		margin: 0px 20px 0px 20px;
		padding: 0px;
		list-style-type: none;
		display: inline;
		height: 100%;
	}
	
	div#menu ul li a {
		text-decoration: none;
		color: black;
	}
	
	div#menu ul li a:hover {
		color: white;
	}
	
div#content, div#subcontent {
	width: 1024px;
	margin: 0 auto;
	overflow: visible;
	height: auto;
}
	
/* Auction items: Homepage, Auctions, My auctions, My bids*/
div.item {
	width: 100%;
	height: 200px;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	clear: both;
	display: block;
}

	div.item-pic {
		height: 186px;
		width: 186px;
		margin: 6px 6px 6px 6px;
		padding: 0px;
		border: 1px solid black;
		float: left;
		display: inherit;
	}
	
	div.item-name {
		margin: 6px 10px 4px 6px;
		padding: 0px;
		float: right;
		width: 808px;
		height: 30px;
		overflow: hidden;
		border-bottom: 1px solid black;
		display: inherit;
	}
	
		div.item-name h1 {
			margin: 0px;
			padding: 0px;
			font-weight: normal;
			font-size: 1.75em;
		}
		
		div.item-name h1 a {
			text-decoration: none;
			color: black;
		}
		
		div.item-name h1 a:hover {
			color: white;
		}
	
	div.item-price, div.item-time {
		margin: 0px 10px 4px 6px;
		padding: 2px 0px 0px 0px;
		font-size: 1.5em;
		height: 27px;
		border-bottom: 1px solid black;
		display: inherit;
	}
	
	div.item-price {float: left;}
	div.item-time {float: right;}
	
	div.item-desc {
		margin: 0px 0px 12px 6px;
		padding: 0px;
		clear: right;
		width: 806px;
		height: 117px;
		overflow: hidden;
		float: left;
		border: 1px solid black;
		display: inherit;
	}
	
		div.item-desc p {
			margin: 0px;
			padding: 2px;
			font-size: 1.1em;
		}
		
	div#item-bids {
		margin: 6px 10px 4px 0px;
		padding: 0px;
		font-size: 1.1em;
		float: right;
		width: 810px;
		display: inherit;
	}	
	
	div#item-bids table{
		margin: 0px;
		padding: 0px;
	}
	
	div#item-bids tr {
		padding: 0px;
		margin: 0px;
	}
	
	div#item-bids td {
		width: 146px;
		padding: 2px;
		border: 1px solid black;
	}

/* default for form elements like input fields and buttons (overrides like searchform are below) */
input, textarea {
		border: 1px solid black;
		height: 26px;
		font-size: 1.1em;
		width: 242px;
		padding: 1px 0px 3px 0px;
		margin: 3px 0px 1px 20px;
		display: block;
		float: left;
}
	
textarea, input#file {
	width: 498px;
}

textarea {
	height: 186px;
}
	
input.button {
	width: 244px;
	padding: 0px;
	height: 30px;
}

/* auctions page*/		
div#searchform {
	margin: 0 auto;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 30px;
	width: 1024px;
	overflow: visible;
	font-size: 1.1em;
}

	div#searchform p {
		margin: 0px 6px 0px 6px;
		height: 25px;
		padding: 3px 0px 0px 0px;
		float: left;
		border: 1px solid black;
		text-align: center;
		width: 186px;
	}
	
	input#searchfield, input#searchbutton {
		border: 1px solid black;
		float: left;
		font-size: 1.1em;
	}
	
	input#searchfield {
		height: 28px;
		padding: 0px;
		width: 698px;
		margin: 0px 6px 0px 6px;
	}
	
	input#searchbutton {
		width: 100px;
		height: 30px;
		padding: 0px 0px 1px 0px;
		margin: 0px 0px 0px 6px;
	}
	
/* Account page menu*/
ul#accountmenu {
	margin: 0 auto;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 30px;
	width: 1024px;
	text-align: center;
	font-size: 1.1em;
	padding: 0px;
	display: block;
}
	
	ul#accountmenu li {
		list-style-type: none;
		float: left;
		height: 26px;
		padding: 2px 0px 0px 0px;
		border: solid 1px black;
		width: 242px;
		margin: 0px 6px 0px 6px;
	}
	
	ul#accountmenu li a {
		text-decoration: none;
		color: black;
	}
	
	ul#accountmenu li a:hover {
		color: white;
	}
	
/* My auctions page */
div.item-options {
	float: right;
	padding: 0px;
	margin: -5px 0px 6px 0px;
	display: inherit;
}

	div.item-options input {
		margin: 0px 10px 0px 0px;
	}

/* Forms for: Account info page, Log in page, Register page */
.form {
	display: block;
	padding: 0px;
}

form.form {
	margin: 0px;
	width: 100%;
}

table.form {
	margin: 0px 0px 4px 6px;
}

	.form tr, .form td {
		padding: 0px;
		margin: 0px;
		height: 30px;
	}

	.form td.label {
		width: 488px;
		font-size: 1.1em;
		text-align: right;
	}
	
/* Auction item page */
div#item-details {
	width: 824px;
	height: auto;
	float: left;
	display: inherit;
}

div#item-desc {
	height: auto;
	clear: both;
	display: inherit;
}

div#item-owner, div#item-bid{
		margin: 0px 10px 4px 6px;
		padding: 2px 0px 0px 0px;
		font-size: 1.5em;
		height: 27px;
		display: inherit;
}

div#item-owner{
	float: right;clear: right;
	border-top: solid 1px black;
	border-bottom: 1px solid black;
}

div#item-bid{
	float: left;
	clear: left;
	font-size: 1.1em;
}

	div#item-bid input {
		margin: 0px 4px 0px 0px;
		padding: 0px;
		float: left;
		display: block;
		width: 200px;
		height: 26px;
	}
	
	
	div#item-bid input#button {
		width: 100px;
		height: 28px;
	}